<template>
	<view>
		<view style="padding-top:95rpx;padding-left:20rpx;padding-bottom:35rpx;" @click="toback">
			<u-icon name="arrow-left" color="#333" label="召唤记录" labelColor="#333" space="6">
			</u-icon>
		</view>
		<view>
			<view>
				<view class="zong">
					<view class="user_box" style="padding:40rpx 20rpx;">
						<view class="u-border-bottom" style="margin-bottom:20rpx;padding-bottom:20rpx;" v-for="(item,index) in list" :key="index">
							<view style="font-size: 32rpx;padding:10rpx 20rpx 30rpx;color:#444;">{{item.dayDate}}</view>
							<view class="user_for" v-for="(list,id) in item.orderlist" :key="id">
								<view class="right_box" style="color:#666;width:30%;">
									<view class="title">{{list.time}}</view>
									
								</view>
								<view class="line_box">
									<!-- 圆球 -->
									<image class="line_radio" src="https://resourse.cnlhjt.com/upload/20220928/9eabe9c2fb6ec610863636f68bb6cffc.png"></image>
									<view v-if="id < (item.orderlist.length-1)" class="line_for" style="background-color: #eee;"></view>
								</view>
								
								<view class="right_box" style="color:#666;">
									<view class="title">{{list.title}}</view>
								</view>
							</view>
						</view>
						
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data(){
			return{
				list:[
					{
						id:1,
						dayDate:'2022-9-29',
						orderlist:[
							{
								id: 0,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 8:00',
							},{
								id: 1,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 12:00',
							},{
								id: 2,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 15:00',
							},{
								id: 3,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 20:00',
							}
						]
					},
					{
						id:2,
						dayDate:'2022-9-28',
						orderlist:[
							{
								id: 0,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 8:00',
							},{
								id: 1,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 12:00',
							},{
								id: 2,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 15:00',
							},{
								id: 3,
								title: "电梯停靠1单元12层",
								title1: "手机开锁",
								time: '2022-3-31 20:00',
							}
						]
					}
				]
				
			}
		},
		methods:{
			Jump(item){
				if(!item.url){
					console.log('没有要跳转的路径')
					return
				}
				console.log(item.url)
			},
			toback(){
				uni.navigateBack()
			}
		},
	}
</script>

<style lang="scss">
	.user_for{
		display: flex;
		font-size: 26rpx;
		color:#666;
	}
	.item_year {
		font-size: 34rpx;
		height: 50rpx;
	}
	.line_for {
		width: 4rpx;
		height: 60rpx;
		margin: 0 20rpx 0;
		background-color:#eee;
	}
	.user_for:last-child .line_radio{
		margin-left:5rpx;
	}
	.line_radio {
		width: 35rpx;
		height: 35rpx;
		border-radius: 50%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		top: 4rpx;
	}
	.right_box {
		padding: 0rpx 20rpx 20rpx 20rpx;
	}
	.desc{
		// font-size: 30rpx;
		// color: #8e8b8d;
		display: flex;
		margin-top: 20rpx;
		align-items: center;
		
	}
	
</style>